<template>
  <div>
    <!-- <h1>day03作业1</h1> -->
    <ChildDog
      v-for="(item, index) in list"
      :key="index"
      :dogUrl="item.dogImgUrl"
      :dogName="item.dogName"
    ></ChildDog>
  </div>
</template>

<script>
import ChildDog from './components/ChildDog.vue'
export default {
  components: {
    ChildDog,
  },
  data() {
    return {
      list: [
        {
          dogImgUrl:
            'https://scpic.chinaz.net/files/pic/pic9/202003/zzpic23514.jpg',
          dogName: '博美',
        },
        {
          dogImgUrl:
            'https://scpic.chinaz.net/files/pic/pic9/202003/zzpic23515.jpg',
          dogName: '泰迪',
        },
        {
          dogImgUrl:
            'https://scpic.chinaz.net/files/pic/pic9/202003/zzpic23516.jpg',
          dogName: '金毛',
        },
        {
          dogImgUrl:
            'https://scpic.chinaz.net/files/pic/pic9/202003/zzpic23517.jpg',
          dogName: '哈士奇',
        },
        {
          dogImgUrl:
            'https://scpic.chinaz.net/files/pic/pic9/202003/zzpic23518.jpg',
          dogName: '阿拉斯加',
        },
        {
          dogImgUrl:
            'https://scpic.chinaz.net/files/pic/pic9/202003/zzpic23513.jpg',
          dogName: '萨摩耶',
        },
      ],
    }
  },
}
</script>

<style></style>
